<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>头部</title>
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./header.css">
    
</head>
<body>
    <header>
        <div class="header-line"></div>
        <div class="header-content clearfix">
            <a href="#" class="logo fl"><img src="../images/logo.png" alt=""></a>
        <nav class="navigation fl">
            <ul class="clearfix">
                <li class="fl active"><a href="">首页</a></li>
                <li class="fl"><a href="">首页首页</a></li>
                <li class="fl"><a href="">首页首页</a></li>
                <li class="fl"><a href="">首页首页</a></li>
                <li class="fl"><a href="">首页首页</a></li>
                <li class="fl"><a href="">首页首页</a></li>
            </ul>
        </nav>
        <div class="search fr">
            <input type="text" name="" id="">
            <div class="search-logo">
                <img src="./../images/search.png" alt="">
            </div>
        </div>
        </div>
    </header>


</body>
</html>